<ion-app>
  <ion-header>
    <ion-toolbar>
      <ion-title>Main</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content class="ion-padding">
    <ion-grid>
      <ion-row>
        <ion-col>
          <ion-button expand="full" (click)="handlerToScanCode(1)" >Scan-Code<ion-icon name="arrow-forward-circle-outline"></ion-icon></ion-button>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-button expand="full" color="secondary" (click)="handlerToScanCode(2)" >Send-Mail<ion-icon name="arrow-forward-circle-outline"></ion-icon></ion-button>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-button expand="full" color="tertiary" (click)="handlerToScanCode(3)" >Play-Audio<ion-icon name="arrow-forward-circle-outline"></ion-icon></ion-button>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-button expand="full" color="success" (click)="handlerToScanCode(4)" >Device-orientation<ion-icon name="arrow-forward-circle-outline"></ion-icon></ion-button>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-button expand="full" color="warning" (click)="handlerToScanCode(5)" >OCR<ion-icon name="arrow-forward-circle-outline"></ion-icon></ion-button>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-button expand="full" color="danger" (click)="handlerToScanCode(6)" >TTS<ion-icon name="arrow-forward-circle-outline"></ion-icon></ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-content>

</ion-app>
